<!DOCTYPE html>
<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title>动态导航栏</title>
        <link rel="stylesheet" href="https://cdn.staticfile.org/font-awesome/4.7.0/css/font-awesome.css">
        <link rel="stylesheet" href="inputCard.css" >
        
    </head>
    <body>
        <div class="wrapper">
            <div class="my-title">请输入下列信息</div>
            <div class="input-wrapper">
                <div class="radio-wrapper">
                    <nav>
                        <input type="radio" name="tab" id="wenke" checked>
                        <input type="radio" name="tab" id="like">
                        <input type="radio" name="tab" id="zonghe">
                        <label for="wenke" class="wenke">
                            <a href="#">
                                文科
                            </a>
                        </label>
                        <label for="like" class="like">
                            <a href="#">
                                理科
                            </a>
                        </label>
                        <label for="zonghe" class="zonghe">
                            <a href="#">
                                综合
                            </a>
                        </label>
                        
                        <div class="tab"></div>
                    </nav>
                </div>
                <div class="input-bar">
                    <label>高考分数</label>
                    <input type="text">    
                </div>
                <div class="input-bar">
                    <label>高考排名</label>
                    <input type="text">
                </div>
                <div class="input-btns">
                    <button>确定</button>
                    <button>取消</button>
                </div>
            </div>
        </div>
    </body>
</html>